<p>
	Present your code snippets with Yjsg v2 simple shrotcode. There is no need to reformat html for your <code>pre</code> content or even think about indenting your code. Just use <code>yjsgpre</code> shortcode within your text editor.
</p>
<div class="yjsg-row">
	<div class="yjsg-col-1">
		<h3 class="yjsg-sub-heading">options:</h3>
		<table class="yjsg-table-bordered">
			<thead>
				<tr>
					<th>Options</th>
					<th>Description</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><code>pretty="1"</code></td>
					<td><span class="text-error">*Required option</span>. <code>1</code> display line number, <code>0</code> do not display line numbers.</td>
				</tr>
				<tr>
					<td><code>scroll="1"</code></td>
					<td><span class="text-error">*Required option</span>. <code>1</code> set max height of 340px on pre container, <code>0</code> do not set max height.</td>
				</tr>
			</tbody>
		</table>
		<h3 class="yjsg-sub-heading">example:</h3>
		[yjsgpre pretty="1" scroll="0"]
		<div class="mycoolcode"> 
			My cool code content 
		</div>
		[/yjsgpre]
		<h3 class="yjsg-sub-heading">example:</h3>
		[yjsgpre pretty="0" scroll="0"]
		<div class="mycoolcode"> 
			My cool code content 
		</div>
		[/yjsgpre] </div>
</div>
<div class="yjsg-row">
	<div class="yjsg-col-1">
		<h3 class="yjsg-sub-heading">shortcode:</h3>
		[yjsgpre pretty="1" scroll="0"]
		{yjsgpre pretty="1" scroll="0"}
		<div class="mycoolcode"> 
			My cool code content 
		</div>
		{/yjsgpre}
		[/yjsgpre] </div>
</div>
